// 放大镜
$(function () {
    // 小盒子
    var $little_box  = $(".pic_lef_box_mask")
    // 商品照片盒子
    var $pic_lef_top = $(".pic_lef_top")

    // 大照片盒子
    var $big_box_pic = $(".big_box_pic")
    // 大照片
    var $big = $("#big_pic")
    // console.log($big);
    // 放大镜
    // 移入效果
    $pic_lef_top.mousemove(function ( evt ) {
            let e = evt || event;
            // 保存 x ,y 值
            var x = e.offsetX - 71;
            var y = e.offsetY -71 ;

            // 判断边距
            x = x<0? 0:x;
            x = x>287? 287:x;
            y = y<0? 0:y;
            y = y>287? 287:y;
            // 更改小盒子样式
            $little_box.css({
                top : y,
                left : x,
                display: "block"
            })
            // 改变超大图片样式
            $big.css({
                top : -y*3,
                left : -x*3
            })
            $big_box_pic.css({
                display: "block"
            })
    })
    // 鼠标移出
    $pic_lef_top.mouseout(function () {
        // 让小盒子消失
        $little_box.css({
            display: "none"
        })
        // 让超大盒子消失
        $big_box_pic.css({
            display: "none"
        })
    })
        // 获取商品照片
        var $ommodity_pic = $(".pic_lef_top img")
        // 点击小照片换大图片
        $(".smallPhoto img").click(function () {
            var url = $(this).attr("src")
            // 清除类名
            $(".pic_border").removeClass("pic_border")
            // 添加类名
            $(this).addClass("pic_border")
            // 换照片
            $big.attr("src", url)
            // 换照片
            $ommodity_pic.attr("src",url)
        })
})

// 商品详情切换
$(function () {
    // 获取下划线效果盒子
    var $span = $(".body_pic_top span")
    var $p = $(".body_pic_top span p")
    // 获取内容盒子
    var $box = $(".productDetails_box")
    // 商品介绍--规格参数 --商品评价 点击事件
     $span.click(function () {
        // 获取下标
        var index = $span.index($(this))
        $span.removeClass("span_color")
       $(this).addClass("span_color")
        // 先让所有盒子消失
        $box.css({
            display : "none"
        })
        // 让对应盒子出来
        $($box[index]).css({
            display : "block"
        })
     })
})
// 商品数量设置
$(function () {
    // 左侧按钮
    var $lef = $(".photo_amount_box .amount_rig .amound_add")
    // 右侧按钮
    var $rig = $(".photo_amount_box .amount_rig .amount_sub")
    // 输入框
    var $ipt = $(".photo_amount_box .amount_rig input")

    // 数量减
    $lef.click(function () {
        // 获取现在的数量
            var index = $ipt.val()
            // 判断数量是否为0
            if (index>=1) {
                index--
                // 赋值数量
                $ipt.val(index)
            }else{
                return ""
            }
    })
    // 数量加
    $rig.click(function () {
            // 获取现在的数量
            var index = $ipt.val()
            // 判断数量是否为
            index++
            // 赋值数量
            $ipt.val(index)
    })
})

// 点击购物车 存储商品数据到本地
$(function () {
    // 购物车点击事件
    $(".shoppingCart_gwc").click(function () {
        // 商品数据
        var FS901 = {
            pic:$(".pic_lef_top img").attr("src"),
            name : $(".photo_name").html(),
            promotionPrice : $(".pric_item strong").html(),
            subTitle : $(".photo_sunnary").html(),
            cunm :$(".photo_amount_box .amount_rig input").val()
        }
        // 获取本地数据
        var cart = JSON.parse(localStorage.getItem("cart"))
        // 判定本地数据是否为空
        if (cart===null) {
            cart = {}
        }
        // 添加到对象
        cart.FS901 = FS901
        // 存取数据
        localStorage.setItem("cart",JSON.stringify(cart))
        alert("成功添加到购物车")
    })
})

// 获取跳转过来的信息
$(function () {
    var $href =  window.location.href;
    var $id = $href.split("?")
    console.log($id[1]);
})